<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>剑桥英语</title>
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/headerFooter.css">
    <link rel="stylesheet" href="css/userIndex.css">
    <link rel="stylesheet" href="css/class.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<header class="container clearfix">
    <div class="header">
        <img src="./img/logo.png" width="52px" height="59px" alt="">
        <div class="headerLine"></div>
        <img class="jqlogo" src="./img/logoName.png" width="150px" height="55px" alt="">
        <img class="right rightImg" width="110px" height="33px" src="./img/logoRight.png" alt="">
    </div>
</header>
<div class="headerBg"></div>
<div class="container clearfix ">
    <div class="bread clearfix">
        <a href="index.html">首页 > </a><a href="classOnline.html" class="active">在线课程</a>
        <div class="loginState">
            <span class="loginName">你好，aaa</span>
            <span class="loginAbout"><span id="restPwd"><a href="resetPwd.html" style="color: #F9B100">修改密码</a></span> | <span id="logout">退出</span></span>
        </div>
    </div>
    <div class="titleName">
        <span class="line"></span><span class="name">在线课程</span><span class="line"></span>
    </div>
    <div class="classCon">
        <div class="classTitle clearfix">
            <div class="classImg" style="background-image: url('./img/classTitle.png')"></div>
            <div class="classText">
                <h2 class="name">剑桥领思备考课程</h2>
                <div class="classTime">总课时：36课时</div>
                <div class="about">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                    近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                    写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                </div>
                <div class="about">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                    近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                    写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                </div>
            </div>
        </div>
        <div class="classList">
            <div class="classBlock clearfix">
                <div class="blockImg" style="background-image: url('./img/classList.png')"></div>
                <div class="blockCon clearfix">
                    <h2>第一课  标题标题标题标题标题标题标题标题标题标题</h2>
                    <a class="goDetail" href="">开始学习<i></i></a>
                    <div class="classLabel"><span>课时：16：30</span><span>学习次数：6966</span></div>
                    <div class="blockText">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                    </div>
                </div>
            </div>
            <div class="classBlock clearfix">
                <div class="blockImg" style="background-image: url('./img/classList.png')"></div>
                <div class="blockCon clearfix">
                    <h2>第一课  标题标题标题标题标题标题标题标题标题标题</h2>
                    <a class="goDetail" href="">开始学习<i></i></a>
                    <div class="classLabel"><span>课时：16：30</span><span>学习次数：6966</span></div>
                    <div class="blockText">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                    </div>
                </div>
            </div>
            <div class="classBlock clearfix">
                <div class="blockImg" style="background-image: url('./img/classList.png')"></div>
                <div class="blockCon clearfix">
                    <h2>第一课  标题标题标题标题标题标题标题标题标题标题</h2>
                    <a class="goDetail" href="">开始学习<i></i></a>
                    <div class="classLabel"><span>课时：16：30</span><span>学习次数：6966</span></div>
                    <div class="blockText">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                    </div>
                </div>
            </div>
            <div class="classBlock clearfix">
                <div class="blockImg" style="background-image: url('./img/classList.png')"></div>
                <div class="blockCon clearfix">
                    <h2>第一课  标题标题标题标题标题标题标题标题标题标题</h2>
                    <a class="goDetail" href="">开始学习<i></i></a>
                    <div class="classLabel"><span>课时：16：30</span><span>学习次数：6966</span></div>
                    <div class="blockText">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                    </div>
                </div>
            </div>
            <div class="classBlock clearfix">
                <div class="blockImg" style="background-image: url('./img/classList.png')"></div>
                <div class="blockCon clearfix">
                    <h2>第一课  标题标题标题标题标题标题标题标题标题标题</h2>
                    <a class="goDetail" href="">开始学习<i></i></a>
                    <div class="classLabel"><span>课时：16：30</span><span>学习次数：6966</span></div>
                    <div class="blockText">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
                        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
                        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
                    </div>
                </div>
            </div>
        </div>
        <div class="page">
            <div id="page"></div>
        </div>
    </div>
</div>

<div class="bottomBg1" style="margin-top: -30px"></div>
<div class="bottomBg2">
    <div class="container clearfix">
        <div class="bottomBlock bottomBlock1">
            <div class="bottomBlockTitle" style="margin-bottom: 25px">
                <span>我要咨询</span><span class="line"></span><span>Consulting</span>
            </div>
            <a class="bottomBlockName" href="question.html">考试常见问题FAQ</a>
            <a class="bottomBlockName" href="javascript:;">在线课程咨询</a>
            <a class="bottomBlockName" href="cooperation.html">商务合作</a>
        </div>
        <div class="bottomBlock bottomBlock2 test">
            <div class="bottomBlockTitle" style="margin-bottom: 35px">
                <span>报名考试</span><span class="line"></span><span>Candidate Registration</span>
            </div>
            <a class="bottomBlockName" href="userLogin.html">个人报名</a>
            <!--<a class="bottomBlockName" href="javascript:;">在线课程咨询</a>-->
            <a class="bottomBlockName" href="companyLogin.html">机构报名</a>
        </div>
    </div>
</div>
<!--页尾-->
<footer class="footer clearfix" style="margin-top: 0">
    <div class="container clearfix">
        <div class="footerTitle">剑桥领思中国运营中心</div>
        <div class='footerLeft'>
            <div>客服电话</div>
            <div class="line"><span ></span></div>
            <div class="info"><i class="footerIcon phone"></i>400-100-8565 </div>
            <div style="font-size: 12px">（周一至周日 08:00 – 20:00）</div>
        </div>
        <div class='footerCenter'>
            <div>客服邮箱</div>
            <div class="line"><span></span></div>
            <div class="info"><i class="footerIcon email"></i>service@piloteducation.cn</div>
        </div>
        <div class='footerRight right'>
            <img class="" src="./img/logoName.png" width="175px" height="64px" alt="">
        </div>
    </div>

</footer>
<div class="copyRight">
    京公网安备11011302000942号 <a href="https://beian.miit.gov.cn/" style="color:#fff">ICP备案许可证：京ICP备13031798号-1</a> Copyright 2005 - 2020 领航文化 All Rights Reserved
</div>


<!--退出登录-->
<div class="logoutModel">
    <div class="logoutCon">
        <div><img src="./img/logout.png" alt=""></div>
        <div>您将退出本次登录</div>
        <div><span class="cancel">取消</span><span class="yes">确定</span></div>
    </div>
</div>

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script>
    $(document).ready(function(){
        // 分页逻辑
        layui.use('laypage', function(){
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                ,count: 50 //数据总数，从服务端得到
                ,limit:15//一页15条
                ,jump: function(obj, first){
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    console.log(obj.limit); //得到每页显示的条数

                    //首次不执行
                    if(!first){
                        //执行ajax
                    }
                }
            });
        });
    });
</script>
</body>
</html>
